{extends file='home/layout.tpl'}
{block name=head}<link rel="stylesheet" href="/static/css/swiper.min.css" />{/block}
{block name=body}
<!-- 轮播图片部分 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <a class="swiper-slide s1 home-index-swiper1" href="/register"></a>
        <a class="swiper-slide s2 home-index-swiper2" href="/register"></a>
        <a class="swiper-slide s3 home-index-swiper3" href="/register"></a>
    </div>
</div>
<!-- 轮播图片部分 -->

<!-- banner的焦点 -->
<div class="swiper-pagination"></div>
<!-- banner的焦点 -->

<!-- 查看更多 -->
<div class="read-more" id="read-more">
    <p>to read more</p>
    <i></i>
</div>
<!-- 查看更多 -->

<!-- 行展示 -->
<div class="row-contianer main-lt animate">
    <div class="row">
        <div class="large-6 medium-6 columns text-column home-index-text-column1">
            <div class="column-wrapper">
                <i class="title-icon"></i>
                <h2 class="row-title">限制文件访问权限</h2>
                <p class="row-content">当您需要发送设计图纸给合作伙伴查阅时，只需使用易控设置查阅时间或者查阅次数，就无需担心合作伙伴泄露图纸给竞争对手而导致“图财两空”。</p>
            </div>
        </div>
        <div class="large-6 medium-6 columns img-column home-index-img-column1">
            <div class="column-wrapper">
                <img src="/static/img/index/m1.png" class="row-img" />
            </div>
        </div>
    </div>
</div>
<!-- 行展示 -->


<!-- 行展示 -->
<div class="row-contianer main-rt">
    <div class="row">
        <div class="large-6 medium-6 columns img-column home-index-img-column2">
            <div class="column-wrapper">
                <img src="/static/img/index/m2.png" class="row-img" />
            </div>
        </div>
        <div class="large-6 medium-6 columns text-column home-index-text-column2">
            <div class="column-wrapper">
                <i class="title-icon i2"></i>
                <h2 class="row-title">禁止文件违规操作</h2>
                <p class="row-content">当您使用易控链接分享设计方案给客户时，分享出去的方案将被禁止复制、截屏、编辑…，无需担心方案被其他人篡改、也可以防止因二次分享而导致的文档外泄。
                </p>
            </div>
        </div>
    </div>
</div>
<!-- 行展示 -->

<!-- 行展示 -->
<div class="row-contianer main-lt">
    <div class="row">
        <div class="large-6 medium-6 columns text-column home-index-text-column3">
            <div class="column-wrapper">
                <i class="title-icon i3"></i>
                <h2 class="row-title">监控文件访问</h2>
                <p class="row-content">您可以实时监控文件从上传到销毁的所有轨迹，当您通过文件轨迹发现存在危险操作时，可以通过修改文件访问权限遏制扩散泄密。</p>
            </div>
        </div>
        <div class="large-6 medium-6 columns img-column home-index-img-column3">
            <div class="column-wrapper">
                <img src="/static/img/index/m3.png" class="row-img" />
            </div>
        </div>
    </div>
</div>

<!-- 行展示 -->


<!-- 行展示 -->
<div class="row-contianer main-rt">
    <div class="row">
        <div class="large-6 medium-6 columns img-column home-index-img-column4">
            <div class="column-wrapper">
                <img src="/static/img/index/m4.png" class="row-img" />
            </div>
        </div>
        <div class="large-6 medium-6 columns text-column home-index-text-column4">
            <div class="column-wrapper">
                <i class="title-icon i4"></i>
                <h2 class="row-title">支持常见文档</h2>
                <p class="row-content">您可以通过易控保护发给客户的各种文档包括：设计方案、设计图纸、报价表、标书等，对应的类型有：Office、PDF、TXT、CAD、CoreDraw、Photoshop、AI等。
                </p>
            </div>
        </div>
    </div>
</div>
<!-- 行展示 -->
{/block}
{block name=footer}
    <!-- Swiper JS -->
    <script src="/static/js/swiper/swiper.min.js"></script>
    <script>
        {literal}
        $(function(){
//            $(".swiper-container .swiper-slide").each(function(){
//                var me = $(this);
//                me.append("<img src='/static/img/index/index-banner"+(me.index()+1)+".png?t=20160405' />");
//            });

            function autoFixHeight(){
                var w = $("body").width();
                var h = w<1250?w/2.5:500;
                $(".swiper-wrapper").css({height:h});
                /*$(".row-contianer").trigger("resize",[w]);*/
            }
            autoFixHeight();
            var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                loop:true,
                autoplay: 5000,
                paginationClickable: true
            });
            //swiper.reInit();
            $(window).resize(function(){
                autoFixHeight();
                swiper.resizeFix();
            });
            $("#read-more").click(function(){
                //var me=$(this);
                $("html,body").animate({scrollTop:$(".row-contianer:first").offset().top-85});
            });
        });
        {/literal}
    </script>
{/block}